<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
	<style>
		div {
			width: 500px;
			margin: 100px auto;
		}

		/* 选择第一个字符 */
		div::first-letter {
			color: red;
			font-weight: bold;
			font-size: 4em;
			text-transform: uppercase;
			float: left;
			line-height: 1;
			margin-right: 10px;
		}

		/* 匹配选中的字符 */
		div::selection {
			background-color: #333;
			color: #fff;
			text-decoration: underline;
		}
	</style>
</head>

<body>
	<div>
		may holiday is coming. Our family is going to do something. Today I called my little brothers phone at the noon.
		He
		asked me what I am going to do in the holiday. I told him we want to go on a trip some day during but where we
		dont
		decide to go. We are going to sleep in the morning May first. Then we are going to go to Dawukou by bus in the
		afternoon. We are going to have a day off May 2nd. If its will fine in May 3rd we are going to go out on trip. I
		am
		going to go to the Forest Park. Your sisters husband is going to hometown Xiamiao. He wants to go fishing.
	</div>
</body>

</html>